<header class="navigation">
	<div class="header-top ">
		<div class="container">
			<div class="row justify-content-between align-items-center">
				<div class="col-lg-2 col-md-4">
					<div class="header-top-socials text-center text-lg-left text-md-left">
						{if isset($Tpl.qq) && !empty($Tpl.qq)}
						<a href="http://wpa.qq.com/msgrd?v=3&uin={$Tpl.qq|default=''}&site=qq&menu=yes" target="_blank"><i class="fab fa-qq"></i></a>
						{/if}
						{if isset($Tpl.wx) && !empty($Tpl.wx)}
						<a href="javascript:;" class="weixin"><i class="fab fa-weixin"></i></a>
						{/if}
					</div>
				</div>
				<div class="col-lg-10 col-md-8 text-center text-lg-right text-md-right">
					<div class="header-top-info">
						{hkcms:content catid="29"}
						<a href="tel:{$item.contact_info}"><i class="ti-mobile mr-2"></i><span>{$item.contact_info}</span></a>
						<a href="mailto:{$item.email}" ><i class="ti-email mr-2"></i><span>{$item.email}</span></a>
						{/hkcms:content}
					</div>
				</div>
			</div>
		</div>
	</div>
	<nav class="navbar navbar-expand-lg  py-4" id="navbar">
		<div class="container">
			<a class="navbar-brand" href="/">
				<img class="logo" src="{$site.logo}">
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarsExample09" aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation">
				<span class="fa fa-bars"></span>
			</button>
			<div class="collapse navbar-collapse text-center" id="navbarsExample09">
				<ul class="navbar-nav ml-auto pc-menu">
					{hkcms:channel type="top" ismenu="1"}
				  	<li class="nav-item {$item.currentstyle} {if $item.has_child} dropdown{/if} ">
				  		{if $item.has_child}
				  		<a class="nav-link dropdown-toggle" href="{$item.url}" id="dropdown{$item.id}" aria-haspopup="true" aria-expanded="false">{$item.title}</a>
						<ul class="dropdown-menu" aria-labelledby="dropdown{$item.id}">
							{hkcms:channel name="$item.id" type="son" id="son" ismenu="1"}
							<li><a class="dropdown-item" href="{$son.url}">{$son.title}</a></li>
							{/hkcms:channel}
						</ul>
				  		{else /}
						<a class="nav-link" href="{$item.url}">{$item.title}</a>
						{/if}
					</li>
					{/hkcms:channel}
					<li class="nav-item dropdown">
						{hkcms:language currentstyle="active"}
						{if $currentstyle}
						<a class="nav-link dropdown-toggle" href="#" id="pcdropdownlanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{$item.key}"> {$item.value} </a>
						{/if}
						{/hkcms:language}
						<ul class="dropdown-menu" style="display: none;visibility: initial;opacity: 1;" aria-labelledby="pcdropdownlanguage">
							{hkcms:language currentstyle="active"}
							<li><a class="dropdown-item" href="{$item.url}" title="{$item.key}">{$item.value}</a></li>
							{/hkcms:language}
						</ul>
					</li>
				  	<li class="nav-item dropdown">
				  		<a class="nav-link dropdown-toggle" href="#" id="pcdropdownsearch" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ti-search"></i></a>
						<ul class="dropdown-menu" style="display: none;visibility: initial;opacity: 1;" aria-labelledby="pcdropdownsearch">
							<li>
								<form class="contact__form" action="{:index_url('/search/index')}" method="get">
									<div class="form-group m-0">
				                        <input name="keyword" type="text" class="form-control" autocomplete="off" placeholder="{:__('Enter a keyword and press Enter to search')}">
				                    </div>
								</form>
							</li>
						</ul>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto m-menu">
					{hkcms:channel type="top" ismenu="1"}
				  	<li class="nav-item {$item.currentstyle} {if $item.has_child} dropdown{/if} ">
				  		{if $item.has_child}
				  		<a class="nav-link dropdown-toggle" href="{$item.url}" id="dropdown{$item.id}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{$item.title}</a>
						<ul class="dropdown-menu" aria-labelledby="dropdown{$item.id}">
							{hkcms:channel name="$item.id" type="son" id="son" ismenu="1"}
							<li><a class="dropdown-item" href="{$son.url}">{$son.title}</a></li>
							{/hkcms:channel}
						</ul>
				  		{else /}
						<a class="nav-link" href="{$item.url}">{$item.title}</a>
						{/if}
					</li>
					{/hkcms:channel}
					<li class="nav-item dropdown">
						{hkcms:language currentstyle="active"}
						{if $currentstyle}
						<a class="nav-link dropdown-toggle" href="#" id="dropdownlanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{$item.key}"> {$item.value} </a>
						{/if}
						{/hkcms:language}
						<ul class="dropdown-menu" style="display: none;visibility: initial;opacity: 1;" aria-labelledby="dropdownlanguage">
							{hkcms:language currentstyle="active"}
							<li><a class="dropdown-item" href="{$item.url}" title="{$item.key}">{$item.value}</a></li>
							{/hkcms:language}
						</ul>
					</li>
				  	<li class="nav-item dropdown">
				  		<a class="nav-link dropdown-toggle" href="#" id="dropdownsearch" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ti-search"></i></a>
						<ul class="dropdown-menu" style="display: none;visibility: initial;opacity: 1;" aria-labelledby="dropdownsearch">
							<li>
								<form class="contact__form" action="{:index_url('/search/index')}" method="get">
									<div class="form-group m-0">
				                        <input name="keyword" type="text" class="form-control" autocomplete="off" placeholder="{:__('Enter a keyword and press Enter to search')}">
				                    </div>
								</form>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>
</header>